<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>关于我们</title>
	<link rel="stylesheet" type="text/css" href="css/public.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<script type="text/javascript" src='js/jquery.min.js'></script>
	<script type="text/javascript" src='js/com.js'></script>
	<script type="text/javascript" src='js/move2.js'></script>
</head>
<body>
	<!-- 左侧的浮框 -->
	<div class="floating_box" id="floating_box">
		<div class="tops_img1"></div>
		<div class="centers">
			<ul>
				<li ><a href="index.html">首页</a></li>
				<li ><a href="excellentcase.html">优秀案例</a></li>
				<li class="selected"><a href="aboutus.html">关于我们</a></li>
				<li><a href="contactus.html">联系我们</a></li>
				<li><a href="servicehelp.html">帮助服务</a></li>
				<li id="tops"><a href="javascript:;">返回顶部</a></li>
			</ul>
		</div>
		<div class="tops_img2"></div>
	</div>
	<!-- 右侧的小人 -->
	<div class="people_cens" id="people_cens">
		<div class="people_cens_tops"><a href="javascript:;"><img src="images/a28.png"></a></div>
		<div class="people_cens_boms"><a href="javascript:;"><img src="images/a29.png"></a></div>
	</div>
	<!-- 内容页面 -->
	<div class="yf_banners3">
		<div class="yf_banners3_cens hi-icon-wrap hi-icon-effect-8">
			<div class="li_banner2_nav li_banner2_nav_margin">
				<div class="li-case-logoml fr clearfix" id="logoms">
					<div class="li-case-nav fl" id="navs"> 
						<ul class="clearfix">
							<li><a href="index.html">首页</a></li>
							<li><a href="excellentcase.html">优秀案例</a></li>
							<li class="li-case-on"><a href="aboutus.html">关于我们</a></li>
							<li><a href="contactus.html">联系我们</a></li>
							<li><a href="servicehelp.html">帮助服务</a></li>
						</ul>
					</div>
					<div class="li-case-logom fl" id="imgs"><img src="images/pic15.png" alt=""></div>
				</div>
			</div>
			<div class="xzrotate hi-icon hi-icon-archive"></div>
		</div>
	</div>
	<div class="yf_about_us">
		<div class="about_logos"><img src="images/a45.png"></div>
		<dl class="clearfix">
			<dt><img src="images/a42.png"></dt>
			<dd>
				<p><span>天氏创逸文化传媒有限责任公司，简称“<b>天氏传媒</b>”。</span></p>
				<p>
				<span>公司主要做网站设计与开发、品牌网站设计开发、展示营销网站、电子商务网站、手机网站/响应式网站、前端开发与测试移动产品设计、移动界面设计、iOS/Android界面设计、微信公众平台、html5设计开发、移动网站设计开发、交互原型设计、信息架构、低保真原型、界面布局、快速原型、产品原型等项目。
				</span>
				</p>
				<p><b>我们只是个纯技术团队！</b></p>
				<p><span>我们帮助公司创建一个有影响力的品牌、产品与服务体系，提升公司价值，优化用户体验，我们不断将奇思妙想转变为商业价值。</span></p>
			</dd>
		</dl>
	</div>
	<div class="yf_videos">
		<div class="yf_videos_cens">
			 <div class="playPause" id="playPause"><img src="images/a50.png"></div> 
			<video src="video\mov_bbb.mp4"  controls height="545" width="1000" id="video1">您的浏览器不支持video标签</video>
		</div>
	</div>
	<div class="teams">
		<div class="teams_Lists">
			<ul class="clearfix">
				<li>
					<div class="imgs_ens clearfix">
						<div class="imgs"><img src="images/a43.png"></div>
						<div class="imgs_texts imgs_texts_1">
							<p><img src="images/a46.png"></p>
							<h2><span> 负责公司设计工作，是UI界有名的设计大神。</span></h2>
						</div>
					</div>
				</li>
				<li>
					<div class="imgs_ens clearfix">
						<div class="imgs"><img src="images/a43.png"></div>
						<div class="imgs_texts imgs_texts_2">
							<p><img src="images/a47.png"></p>
							<h2><span> 负责公司设计工作，是UI界有名的设计大神。</span></h2>
						</div>
					</div>
				</li>
				<li>
					<div class="imgs_ens clearfix">
						
						<div class="imgs_texts imgs_texts_3">
							<p><img src="images/a48.png"></p>
							<h2><span> 负责公司设计工作，是UI界有名的设计大神。</span></h2>
						</div>
						<div class="imgs"><img src="images/a43.png"></div>
					</div>
				</li>
				<li>
					<div class="imgs_ens clearfix">
						<div class="imgs_texts imgs_texts_4">
							<p><img src="images/a49.png"></p>
							<h2><span> 负责公司设计工作，是UI界有名的设计大神。</span></h2>
						</div>
						<div class="imgs"><img src="images/a43.png"></div>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<div class="yuanduis">
		<div class="yuanduis_imgs"></div>
		<div class="yuanduis_lists">
			<ul class="clearfix" id="lists">
				<li>
					<img src="images/pic8.png">
				</li>
				<li>
					<img src="images/pic8.png">
				</li>
				<li>
					<img src="images/pic8.png">
				</li>
				<li>
					<img src="images/pic8.png">
				</li>
				<li>
					<img src="images/pic8.png">
				</li>
				<li>
					<img src="images/pic8.png">
				</li>
				<li>
					<img src="images/pic8.png">
				</li>
				<li>
					<img src="images/pic8.png">
				</li>
			</ul>
		</div>
	</div>
	<!-- 底部 -->
	<div class="footers" id="footers">
		<div class="footers_cens">
			<ul class="clearfix new_had">
				<li><a href="index.html"><span>首页</span></a></li>
				<li><a href="excellentcase.html"><span>优秀案例</span></a></li>
				<li><a href="aboutus.html"><span>关于我们</span></a></li>
				<li><a href="contactus.html"><span>联系我们</span></a></li>
				<li><a href="servicehelp.html"><span>帮助服务</span></a></li>
			</ul>
			<div class="share_tos">
				<ul class="clearfix">
					<li><span>分享到：</span></li>
					<li><a href="javascript:;"  class="jiathis_button_tsina"><img src="images/a56.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_xiaoyou"><img src="images/a57.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_weixin"><img src="images/a58.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_email"><img src="images/a59.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_cqq"><img src="images/a60.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_qzone"><img src="images/a61.png"></a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="footers_back" id="footers_back"><span><em>&copy;</em>2016.7.06</span></div>
	<!-- 底部end -->
	<!-- 分享到的代码 -->
	<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=" charset="utf-8"></script>
	<!-- 分享到的代码 END -->
<script type="text/javascript">
$(function(){

	var myVideo=document.getElementById("video1");
	var playPause=document.getElementById("playPause");
	var lists = document.getElementById('lists');
	var listsLi = lists.getElementsByTagName('img');
	var thiszIndex=2;
	// 布局转换
	for(var i = 0; i<listsLi.length; i++)
	{
		listsLi[i].style.left = listsLi[i].offsetLeft+'px';
		listsLi[i].style.top = listsLi[i].offsetTop+'px';
	}
	for( var i =0; i<listsLi.length; i++)
	{
		listsLi[i].style.position='absolute';
		listsLi[i].style.margin='0'
		
	}
	// 添加事件
	for(var j = 0; j<listsLi.length; j++)
	{
		listsLi[j].onmouseover=function(){

			this.style.zIndex = thiszIndex++;
			show(this,{ width:350, height:350, marginTop:-50, marginLeft:-50, opacity:50,zIndex:thiszIndex})
		}
		listsLi[j].onmouseout = function(){
			
			show(this,{ width:250, height:250, marginTop:0,opacity:30, marginLeft:0})
		}
	}

	playPause.onclick = function ()
	{	
		if (myVideo.paused) 
		{

			  myVideo.play(); 
			  this.style.opacity = 0;
		}
		else{
		  	  myVideo.pause(); 
			 this.style.opacity = 0.5;
		} 
	}
	// 鼠标经过菜单切换
	var imgs = $('#imgs');
	var navs = $('#navs');
	var logoms =$('#logoms');

	logoms.on('mouseover',function(){
		navs.stop().animate({ left:0 });
		imgs.stop().animate({ opacity:0 });
	})
	logoms.on('mouseout',function(){
		navs.stop().animate({ left:615 });
		imgs.stop().animate({ opacity:1 });
	})
})
</script> 
</body>
</html>